<%@ include file="/WEB-INF/jsp/include/head.jsp" %><%@ page language="java" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${locale}">
<head>
    <meta http-equiv="Expires" content="0" /> 
    <meta http-equiv="Pragma" content="No-cache" /> 
    <meta http-equiv="Cahe-Control" content="No-cache" />
    <%@ include file="/WEB-INF/jsp/include/title.jsp" %>
    <%//@ include file="/WEB-INF/jsp/include/common_css.jsp" %>
    <!--link rel="stylesheet" type="text/css" media="screen" href="<c:url value="/css/skin/default/default.css"/>"/-->
    <%@ include file="/WEB-INF/jsp/include/common_script.jsp" %>
    <script type="text/javascript">
    //<![CDATA[
    //]]>
    </script>
    <style type="text/css">
    body {
       margin:0px;
       margin-left: auto;
       margin-right: auto;
       padding:0px;
       
		color:#333333;
		direction:ltr;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
		font-size:11px;
		/*text-align:left;*/
    }
    
    .bar  {
        background:url("../img/bar.png") repeat scroll 0 0 #FFFFFF;
        border-color:#EEEFF4;
        border-style:solid;
        border-width:0 0 1px;
        height:21px;
        left:0;
        min-width:1000px;
        position:absolute;
        width:100%;
        z-index:1;
    }
    
    .blueBar {
        background-color:#3B5998;
		height:41px;
		left:0;
		position:absolute;
		width:100%;
    }
    
    .container {
        margin: 0 auto;
    }
    
    ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    
    hr {
        display:none;
    }
    
    .pic {
        border: 1px solid #222222;
        width: 120px;
        height: 120px;
        margin: 10px;
        float: left;
    }
    
    .t {
        width: 304px;
        height: 188px;
        border: 1px solid #000000;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 20px;
    }
    
    .t1 {
        width: 460px;
        height: 50px;
        border: 1px solid #000000;
        margin: 5px;
        -moz-border-radius:5px 5px 5px 5px;
    }
    
    .head {
        margin: 0px;
        width: auto;
        
        height:41px;
		margin:0 auto;
		position:relative;
		/*width:980px;*/
		z-index:15;
    }

    .headNav {
	    background-color:#627AAD;
		border-color:#1D4088 #1D4088 -moz-use-text-color;
		border-style:solid solid none;
		border-width:1px 1px 0;
		font-size:11px;
		height:30px;
		margin-left:180px;
		padding-left:10px;
		padding-right:6px;
		position:relative;
		top:10px;
		
		border-style:solid solid none;
        font-size:11px;
    }
    
    .navSearch {
        left:4px;
        position:absolute;
        top:4px;
        width:300px;
    }
    
    .textInput  {
        border:0 none;
        outline:0 none;
        width: 100%;
    }
    
    .inputtext, .inputpassword {
		margin:0;
		padding-bottom:4px;
    }
    
    .inputtext {
        width:298px;
    }
    
    .uiSearchInput  {
		display:inline-block;
		position:relative;
	}
	
	.uiTypeahead {
	    border-color:#3B5998;
	    border-style:solid;
		border-width:1px 0;
		cursor:default;
		position:relative;
	}
	
	.wrap {
	    border-color:#3B5998;
	    border-style:solid;
		border-width:0 1px;
		overflow:hidden;
	}
    
    button {
		background:url("./img/facebook.png") no-repeat scroll -1px -2px transparent;
		border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color #E5E5E5;
		border-style:none none none solid;
		border-width:0 0 0 1px;
		cursor:pointer;
		display:block;
		height:16px;
		padding:0;
		position:absolute;
		right:1px;
		top:3px;
		width:21px;
		z-index:2;
    }
    
    button span {
        display: none;
    }
    
    form {
        margin: 0;
        padding: 0;
    }
    
    .pageNav {
		list-style:none outside none;
		margin:0;
		padding:0;
		position:absolute;
		right:0;
		top:0;
    }
    
    .pageNav li {
        float:left;
    }
    
    .pageNav a {
	    color:#FFFFFF;
		display:inline-block;
		font-weight:bold;
		height:22px;
		padding:8px 10px 0;
		text-decoration:none;
		
		cursor:pointer;
    }
    
    .content2 {
        min-height:inherit;
        
        margin:0;
		padding:0;
		width:auto;
		
		display:block;
    }
    
    .contentCol {
		border-left:1px solid #B3B3B3;
		/*margin-left:181px;*/
		margin-left: 0;
		
		background-color:#FFFFFF;
        padding-top:15px;
    }
    </style>        
</head>
<body style="width:1024px;  border: 0px solid #ff0033;">
    <!-- <body style="width:1263px;  border: 1px solid #ff0033;"> -->
    <!-- div style="width:1024px; border: 1px solid #8800ff; margin-left: auto; margin-right: auto;"-->
        <div class="blueBar"></div>
        <div class="container">
            <div class="head">
                <div class="headNav" style="top: 10px;">
	                <div>
	                    <form class="navSearch">
	                        <div class="uiTypeahead">
	                            <div class="wrap">
	                                <span class="uiSearchInput">
	                                    <input class="inputtext textInput"></input>
	                                    <button>
	                                        <span>Search</span>
	                                    </button>
	                                </span>
	                            </div>
	                        </div>
	                    </form>
	                    <ul class="pageNav">
	                        <li>
	                            <a href="#">Home</a>
	                        </li>
	                        <li>
	                            <a href="#">Profile</a>
	                        </li>
	                    </ul>
                    </div>
                </div>
            </div>
            <!--  style="width:972px; margin-left: auto; margin-right: auto; border: 1px solid #ff00ff; text-align: left;" -->
	        <div class="content2">
	           <!-- style="float:left; width: 324px; border: 0px solid #000000; margin-left: auto; margin-right: auto;" -->
	            <div class="contentCol">
	            <div style="float:left;">
	                <ul>
	                    <li class="t">
	                        <div class="pic">
	                            <img src="./img/no_profile_picture.gif" width="120" height="120" />
	                        </div>
	                        <div style="margin-right: 10px; margin-top: 10px; width: 150px; float:right;">
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            <a href="#">More</a>
	                        </div>
	                        <div style="text-align: left; float:left; margin-left: 10px; margin-top: 10px; margin-bottom: 10px;">GeekSaga</div>
	                    </li>
	                    <li class="t">
	                        <div class="pic">
	                            <img src="./img/no_profile_picture.gif" width="120" height="120" />
	                        </div>
	                        <div style="margin-right: 10px; margin-top: 10px; width: 150px; float:right;">
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            <a href="#">More</a>
	                        </div>
	                        <div style="text-align: left; float:left; margin-left: 10px; margin-top: 10px; margin-bottom: 10px;">GeekSaga</div>
	                    </li>
	                    <li class="t">
	                        <div class="pic">
	                            <img src="./img/no_profile_picture.gif" width="120" height="120" />
	                        </div>
	                        <div style="margin-right: 10px; margin-top: 10px; width: 150px; float:right;">
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            <a href="#">More</a>
	                        </div>
	                        <div style="text-align: left; float:left; margin-left: 10px; margin-top: 10px; margin-bottom: 10px;">GeekSaga</div>
	                    </li>
	                </ul>
	            </div>
	            <!--  style="float:left; width: 324px; border: 0px solid #000000;" -->
	            <div style="float:left;">
	                <ul>
	                    <li class="t">
	                        <div class="pic">
	                            <img src="./img/no_profile_picture.gif" width="120" height="120" />
	                        </div>
	                        <div style="margin-right: 10px; margin-top: 10px; width: 150px; float:right;">
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            <a href="#">More</a>
	                        </div>
	                    </li>
	                    <li class="t">
	                        <div class="pic">
	                            <img src="./img/no_profile_picture.gif" width="120" height="120" />
	                        </div>
	                        <div style="margin-right: 10px; margin-top: 10px; width: 150px; float:right;">
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            <a href="#">More</a>
	                        </div>
	                    </li>
	                    <li class="t">
	                        <div class="pic">
	                            <img src="./img/no_profile_picture.gif" width="120" height="120" />
	                        </div>
	                        <div style="margin-right: 10px; margin-top: 10px; width: 150px; float:right;">
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            <a href="#">More</a>
	                        </div>
	                    </li>
	                </ul>
	            </div>
	            <div style="float:left; width: 324px; border: 0px solid #000000;">
	                <ul>
	                    <li class="t">
	                        <div class="pic">
	                            <img src="./img/no_profile_picture.gif" width="120" height="120" />
	                        </div>
	                        <div style="margin-right: 10px; margin-top: 10px; width: 150px; float:right;">
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            <a href="#">More</a>
	                        </div>
	                    </li>
	                    <li class="t">
	                        <div class="pic">
	                            <img src="./img/no_profile_picture.gif" width="120" height="120" />
	                        </div>
	                        <div style="margin-right: 10px; margin-top: 10px; width: 150px; float:right;">
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            <a href="#">More</a>
	                        </div>
	                    </li>
	                    <li class="t">
	                        <div class="pic">
	                            <img src="./img/no_profile_picture.gif" width="120" height="120" />
	                        </div>
	                        <div style="margin-right: 10px; margin-top: 10px; width: 150px; float:right;">
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            - 가나다라마바사아<br />
	                            <a href="#">More</a>
	                        </div>
	                    </li>
	                </ul>
	            </div>
	            <div style="clear:both;"></div>
	            <hr />
	            <div>
	                <div style="float:left;">
	                    <ul>
	                        <li class="t1">
	                        - 프로젝트 1
	                        </li>
	                        <li class="t1">
	                        - 프로젝트 2
	                        </li>
	                        <li class="t1">
	                        - 프로젝트 3
	                        </li>
	                    </ul>
	                </div>
	                <div style="float:left;">
	                    <ul>
	                        <li class="t1">
	                        - 프로젝트 4
	                        </li>
	                        <li class="t1">
	                        - 프로젝트 5
	                        </li>
	                        <li class="t1">
	                        - 프로젝트 6
	                        </li>
	                    </ul>
	                </div>
	            </div>
	        </div>
	        <hr />
	        <div style="clear:both;">
	            http://www.geeksaga.com
	        </div>
        </div>
    </div>
</body>
</html>